<!DOCTYPE html>
<html>
<!--frame传值后再添加新数据的实现方法尝试页面备份-->
<head>
    <meta charset="UTF-8">
    <title>会员列表-WeAdmin 1.0</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <link rel="stylesheet" href="../../static/css/font.css">
    <link rel="stylesheet" href="../../static/css/weadmin.css">
    <script src="../../lib/layui/layui.js" charset="utf-8"></script>
    <script type="text/javascript" src="../../static/js/admin.js"></script>
    <script type="text/javascript" src="../../static/js/ECharts/echarts.simple.min.js"></script>

    <!--<script type="text/javascript" src="../../static/js/highcharts/exporting.js"></script>-->
    <!--<script type="text/javascript" src="../../static/js/highcharts/highcharts.js"></script>-->
    <!--<script type="text/javascript" src="../../static/js/highcharts/oldie.js"></script>-->
    <!--<script type="text/javascript" src="../../static/js/highcharts/series-label.js"></script>-->
    <!--<script type="text/javascript" src="https://img.hcharts.cn/highcharts-plugins/highcharts-zh_CN.js"></script>-->
    <link rel="stylesheet" href="../../static/css/app.css">
    <link rel="stylesheet" href="../../static/css/survey.css">
    <link rel="stylesheet" href="../../static/css/index.css">


</head>

<body style="background-color: #f0f0f0">
<div class="weadmin-body">


    <!--<div id="container" style="max-width:800px;height:400px"></div>-->
    <!--<div id="container" style="width: 600px;height:400px;"></div>-->

    <div style="padding-left: 200px"  class="layui-carousel" id="contentStatistics"  >
        <div carousel-item>
            <div id="container1" style="width: 800px;height:400px;"></div>
            <div id="container2" style="width: 600px;height:400px;"></div>
            <div id="container3" style="width: 600px;height:400px;"></div>
        </div>
    </div>
</div>
<script type="text/javascript" src="../../static/js/jquery.min.js"></script>

<script src="../../static/js/republic.js" charset="utf-8"></script>
<script>
    layui.use('carousel', function(){
        var carousel = layui.carousel;
        //建造实例
        carousel.render({
            elem: '#contentStatistics'
            ,width: '100%' //设置容器宽度
            ,height : '450px'
            ,autoplay : false
            ,arrow: 'none' //始终显示箭头
            //,anim: 'updown' //切换动画方式
        });
    });


    // 基于准备好的dom，初始化echarts实例
    var myChart1 = echarts.init(document.getElementById('container1'));
    var myChart2 = echarts.init(document.getElementById('container2'));
    var myChart3 = echarts.init(document.getElementById('container3'));
    // 指定图表的配置项和数据
    var option1 = {
        xAxis: {
            type: 'category',
            data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun','Sun','Sun','Sun','Sun','Sun','Sun']
        },
        yAxis: {
            type: 'value'
        },
        series: [{
            data: [820, 932, 901, 934, 1290, 1330, 1320, 1320, 1320, 1320, 1320, 1320, 1320],
            type: 'line'
        }]
    };
    var option2 = {
        xAxis: {
            type: 'category',
            data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun','Sun','Sun','Sun','Sun','Sun','Sun']
        },
        yAxis: {
            type: 'value'
        },
        series: [{
            data: [820, 932, 901, 934, 1290, 1330, 1320, 1320, 1320, 1320, 1320, 1320, 1320],
            type: 'line'
        }]
    };
    var option3 = {
        xAxis: {
            type: 'category',
            data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun','Sun','Sun','Sun','Sun','Sun','Sun']
        },
        yAxis: {
            type: 'value'
        },
        series: [{
            data: [820, 932, 901, 934, 1290, 1330, 1320, 1320, 1320, 1320, 1320, 1320, 1320],
            type: 'line'
        }]
    };
    // 使用刚指定的配置项和数据显示图表。
    myChart1.setOption(option1);
    myChart2.setOption(option2);
    myChart3.setOption(option3);


</script>

</body>

</html>